<template>
  <!-- <slot name="head"></slot> -->
  <RecycleScroller class="scroller" :items="list" :item-size="100" key-field="id" v-slot="{ item }">
    <!-- 这里就是自己要渲染的每一项的内容-->
    <div class="user">
      <slot :item="item"></slot>
    </div>
  </RecycleScroller>
  <!-- <slot name="footer"> </slot> -->
</template>
<script>
export default {
  props: {
    list: Array,
  }
}
</script>
<style lang="less" scoped>
.scroller {
  height: 50vh;
}

.user {
  height: 32%;
  padding: 0 12px;
  display: flex;
  align-items: center;
}
</style>
